<template>
  <div v-if="show" style="text-align: center">
    <a-form :label-col="{ span: 6 }" :wrapper-col="{ span: 12 }" style="text-align: center">
      <a-row>
        <a-col :span="12">
          <a-form-item label="客户姓名">
            <a-input v-model="data.name" disabled />
          </a-form-item>
          <a-form-item label="联系方式">
            <a-input v-model="data.phone" disabled />
          </a-form-item>
          <a-form-item label="项目地址">
            <a-input v-model="data.address" disabled />
          </a-form-item>
          <a-form-item label="当前进展">
            <j-dict-select-tag
              disabled
              dictCode="customer_info_progress"
              v-model="data.progress"
            />
          </a-form-item>
        </a-col>
        <a-col :span="12">
          <a-form-item label="房屋户型">
            <j-dict-select-tag
              disabled
              dictCode="customer_info_house_type"
              v-model="data.houseType"
            />
          </a-form-item>
          <a-form-item label="装修风格">
            <j-dict-select-tag
              disabled
              dictCode="gh_customer_info_decoration_style"
              v-model="data.decorationStyle"
            />
          </a-form-item>
          <a-form-item label="废单原因">
            <a-input :value="getScrapOrderCause(data.scrapOrderCause)" disabled />
          </a-form-item>
          <a-form-item label="备注">
            <a-input v-model="data.remarks" disabled />
          </a-form-item>
        </a-col>
      </a-row>
    </a-form>
  </div>
</template>
<script>
import { getAction } from '@/api/manage'
export default {
  name: "CustomerScrapOrder",
  data() {
    return {
      data: '',
      show: false,
      url: {
        getHighSeasById: '/ghCustomerSubmit/queryById',
      }
    }
  },
  methods: {
    initData(params) {
      getAction(this.url.getHighSeasById, {id:params.id}).then(res => {
        if (res.success) {
          this.data = res.result;
        }
      });
    },
    getScrapOrderCause(text){
      switch (text) {
        case 1:
          return "只是咨询";
        case 2:
          return "信息有误";
        case 3:
          return "同行抢单";
        case 4:
          return "价格太高";
        case 5:
          return "设计不理想";
        case 6:
          return "跟进超时";
      }
    },
  }
}
</script>
<style>

</style>